<!--
此文件为开发者工具生成，生成时间: 2022/12/5上午11:53:58
使用方法：
在 C:\Users\xiao\Desktop\HM\uniapp\rabbit-mini\dist\dev\mp-weixin\pages\index\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 C:\Users\xiao\Desktop\HM\uniapp\rabbit-mini\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="content data-v-57280228">
      <view class="data-v-57280228">
        <view
          class="navbar Navbar--navbar sk-image"
          style="padding-top: 20px">
          <view class="logo Navbar--logo">
            <image class="sk-image"></image>
            <text class="sk-transparent sk-text-3-5714-784 sk-text">新鲜 · 亲民 · 快捷 20</text>
          </view>
          <view class="search Navbar--search">
            <text
              class="icon-search Navbar--icon-search sk-transparent sk-text-14-2857-50 sk-text sk-pseudo sk-pseudo-circle"
              >搜索商品</text
            >
            <text class="icon-scan Navbar--icon-scan sk-pseudo sk-pseudo-circle"></text>
          </view>
        </view>
      </view>
      <scroll-view
        class="main data-v-57280228"
        data-event-opts="scrolltolower,scrollToBottom,$event,refresherrefresh,onRefresherrefresh,$event"
        refresher-enabled="true"
        scroll-y="true">
        <view class="data-v-57280228">
          <swiper
            autoplay="false"
            circular="true"
            class="carousel Carousel--carousel data-v-bca60bf8 Carousel--data-v-bca60bf8"
            indicator-dots="true"
            style="height: 140px"
            current="0"></swiper>
        </view>
        <view class="data-v-57280228">
          <view class="category-head-mutli CateScroll--category-head-mutli">
            <scroll-view
              data-event-opts="scroll,handleCategory,$event"
              scroll-x="true">
              <view class="scroll-wrap CateScroll--scroll-wrap">
                <view class="category-head-mutli-item CateScroll--category-head-mutli-item">
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-455 sk-text"
                      style="background-position-x: 50%"
                      >居家</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-22 sk-text"
                      style="background-position-x: 50%"
                      >美食</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-194 sk-text"
                      style="background-position-x: 50%"
                      >服饰</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-326 sk-text"
                      style="background-position-x: 50%"
                      >母婴</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-887 sk-text"
                      style="background-position-x: 50%"
                      >个护</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-744 sk-text"
                      style="background-position-x: 50%"
                      >严选</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-386 sk-text"
                      style="background-position-x: 50%"
                      >数码</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-695 sk-text"
                      style="background-position-x: 50%"
                      >运动</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-68 sk-text"
                      style="background-position-x: 50%"
                      >杂项</text
                    >
                  </navigator>
                  <navigator>
                    <image
                      mode="widthFix"
                      style="height: 50px"
                      class="sk-image"></image>
                    <text
                      class="sk-transparent sk-text-14-2857-626 sk-text"
                      style="background-position-x: 50%"
                      >品牌</text
                    >
                  </navigator>
                </view>
              </view>
            </scroll-view>
            <view class="scroll-bar CateScroll--scroll-bar">
              <view
                class="scroll-bar-inner CateScroll--scroll-bar-inner"
                style="transform: translateX(0)"></view>
            </view>
          </view>
        </view>
        <view class="panel recommend data-v-57280228">
          <view class="item data-v-57280228">
            <view class="title data-v-57280228 sk-transparent"
              >特惠推荐
              <text class="data-v-57280228 sk-transparent sk-text-14-2857-423 sk-text"
                >精选全攻略</text
              >
            </view>
            <navigator
              class="cards data-v-57280228"
              hover-class="none">
              <image
                class="data-v-57280228 sk-image"
                mode="aspectFit"></image>
              <image
                class="data-v-57280228 sk-image"
                mode="aspectFit"></image>
            </navigator>
          </view>
          <view class="item data-v-57280228">
            <view class="title data-v-57280228 sk-transparent"
              >爆款推荐
              <text class="data-v-57280228 sk-transparent sk-text-14-2857-440 sk-text"
                >最受欢迎</text
              >
            </view>
            <navigator
              class="cards data-v-57280228"
              hover-class="none">
              <image
                class="data-v-57280228 sk-image"
                mode="aspectFit"></image>
              <image
                class="data-v-57280228 sk-image"
                mode="aspectFit"></image>
            </navigator>
          </view>
          <view class="item data-v-57280228">
            <view class="title data-v-57280228 sk-transparent"
              >一站买全
              <text class="data-v-57280228 sk-transparent sk-text-14-2857-68 sk-text"
                >精心优选</text
              >
            </view>
            <navigator
              class="cards data-v-57280228"
              hover-class="none">
              <image
                class="data-v-57280228 sk-image"
                mode="aspectFit"></image>
              <image
                class="data-v-57280228 sk-image"
                mode="aspectFit"></image>
            </navigator>
          </view>
          <view class="item data-v-57280228">
            <view class="title data-v-57280228 sk-transparent"
              >领劵中心
              <text class="data-v-57280228 sk-transparent sk-text-14-2857-56 sk-text"
                >超值优惠券</text
              >
            </view>
            <navigator
              class="cards data-v-57280228"
              hover-class="none">
              <image
                class="data-v-57280228 sk-image"
                mode="aspectFit"></image>
              <image
                class="data-v-57280228 sk-image"
                mode="aspectFit"></image>
            </navigator>
          </view>
        </view>
        <view class="panel fresh data-v-57280228">
          <view class="title data-v-57280228 sk-transparent"
            >新鲜好物
            <navigator
              class="more data-v-57280228 sk-transparent sk-text-14-2857-718 sk-text"
              hover-class="none"
              >更多</navigator
            >
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>

<style>
/*
此文件为开发者工具生成，生成时间: 2022/12/5上午11:53:58

在 C:\Users\xiao\Desktop\HM\uniapp\rabbit-mini\dist\dev\mp-weixin\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-3-5714-784 {
  background-image: linear-gradient(
    transparent 3.5714%,
    #eeeeee 0%,
    #eeeeee 96.4286%,
    transparent 0%
  ) !important;
  background-size: 100% 28rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-50 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-14-2857-455 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-22 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-194 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-326 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-887 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-744 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-386 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-695 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-68 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-626 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text-14-2857-423 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-440 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-56 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 33.6rpx;
  position: relative !important;
}
.sk-text-14-2857-718 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: absolute !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
